<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>10-DOM属性节点操作</title>
    <script>
        window.onload=function (){
            // 修改属性值
            let inputEle = document.getElementsByTagName("input")[0];
            inputEle["className"]="out";
            console.log(inputEle);
            // 获取属性、判断属性、添加属性、删除属性、修改属性
            // 获取属性
            let imgEle = document.getElementsByTagName("img")[0];
            console.log(imgEle.getAttribute("src"));
            // 删除属性
            imgEle.removeAttribute("src");
            // 判断属性
            let b = imgEle.hasAttribute("src");
            if (b){
                // 属性存在就替换属性值
                imgEle.setAttribute("src","../images/1.gif");
            }
            else {
                // 属性不存在
                imgEle.setAttribute("src","../images/2.gif");
            }
            // 添加一个title 属性
            imgEle.setAttribute("title","表情包");

        }
    </script>
</head>
<body>
<img src="../images/静态表情包4.jpg">
<div id="box"></div>
<input type="text" class="in">
</body>
</html>